@media (max-width:992px){
    .mobile-nav {
        background-color: #f3f3f3;
        -webkit-box-shadow: 5px 10px 15px rgb(0 0 0 / 15%);
        box-shadow: 5px 10px 15px rgb(0 0 0 / 15%);
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 445px;
        height: 100%;
        font-family: 'PT Sans';
        overflow: hidden;
        z-index: 2003;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.35s cubic-bezier(0, 0, 0.2, 1);
        transition: all 0.35s cubic-bezier(0, 0, 0.2, 1);
    }
    .mobile-nav.is-visible {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .mobile-nav__wrapper {
        overflow-y: auto;
        height: calc(100% - 65px);
        scrollbar-color: rgba(0, 0, 0, 0.12) #fff;
        scrollbar-width: thin;
    }
    .mobile-nav__header {
        position: relative;
        background: #f3f3f3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobile-nav__close{display:flex;}
    .mobile-nav__header-body {
        position: relative;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 25px;
        padding-right: 20px;
    }
    .mobile-nav__close {
        border: none;
        background-color: transparent;
        color: #000;
        font-size: 15px;
    }
    .link span{
        color: #000;
    }
    .mobile-nav__header-logo a {
        color: #000!important;
        font-size: 14px;
        font-weight: 700;
    }
    .mobile-nav__content {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobile-nav__content li.heading {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;
        padding-bottom: 10px;
        color: var(--tema-main-renk);
        font-size: 12px;
        letter-spacing: .2em;
        font-weight: 800;
        z-index: 1;
    }
    .mobile-nav__content>ul>li:not(.heading)>a.link {
        font-size: 15px;
        font-weight: 700;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .mobile-nav__content>ul>li:not(.heading)>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff!important;
        font-size: 13px;
        letter-spacing: -0.5px;
        font-weight: 500;
        position: -webkit-sticky;
        position: relative;
        top: 0;
        z-index: 2;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .mobile-nav__content>ul>li:not(.heading)>a .icon {
        opacity: .3;
        width: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .mobile-nav__plus {
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px;
        margin-right: 0;
        color: #666!important;
    }
    .icon {
        font-size: 18px;
        color: currentColor;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        line-height: 1;
    }
    .mobile-nav__sub {
        background: #f3f3f3 none repeat scroll 0 0;
        display: none;
    }
    .mobile-nav__sub>li.heading {
        position: -webkit-sticky;
        position: sticky;
        top: 55px;
        background: #fff;
        font-weight: 700;
        letter-spacing: 0;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .mobile-nav__content.other {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mobile-nav__content {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobile-nav__footer {
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: 0;
        left: 0;
        height: 65px;
        background: #f3f3f3;
        -webkit-box-shadow: 8px 12px 25px rgb(0 0 0 / 10%);
        box-shadow: 8px 12px 25px rgb(0 0 0 / 10%);
    }
    .mobile-nav__footer a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 65px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20px;
        color: #333!important;
        opacity: .8;
    }
    ol,
    ul {
        list-style: none;
    }
    .mobile-nav__sub>li>a {
        color: #fff!important;
        display: block;
        font-size: 13px;
        font-weight: 500;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 10px 40px;
        position: relative;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .mobile-nav__footer a i,.mobile-nav__plus i{
        color:#000!important;
        font-size:1rem;
    }
    .is-dropdown{
        display:block!important;
    }
    .header-burger a > i{
        color: #fff;
    }
    .mobile-nav__sub .dropdown-item:focus, .dropdown-item:hover {
        background-color: #2f66a5!important;
    }
}